 
.babelFox{
padding:  34px 12px;
}
.babelBox{
justify-content: initial;
}
.lessonImg{
width: 520px;
height: 350px;
}
.contentBox{
margin-bottom: 75px;
}
.lessonInfoBox{
justify-content: space-between;
}
.lessonTitle{
height:32px;
font-size:24px;
font-weight:500;
color:rgba(51,51,51,1);
line-height:36px;
}
.lessonInfo{
display: flex;
flex-flow: column;
justify-content: space-between;
height: 350px;
}
.lessonInfo>div{
width: 100%;
}
.lessonSeconed img{
width: 16px;
height: 16px;
}
.lessonSeconed{
padding: 16px 0 39px 0;
color: #666;
justify-content: initial;
}
.lessonSeconed span{
margin-right: 40px;
}
.priceBox{
width:660px;
height:72px;
line-height: 72px;
background:rgba(248,248,248,1);
padding: 0 20px;
box-sizing: border-box;
}
#price{
color: #EC7612;
font-size: 26px;
margin-left: 13px;
margin-right: 17px;
}
.botBtn{
width:200px;
height:56px;
line-height: 56px;
font-size: 22px;
text-align: center;
color: #fff;
border-radius:2px;
cursor: pointer;
}
.botBtn:hover{
opacity: .7;
}
.buyIt{
background:rgba(245,163,49,1);
margin-right: 24px;
}
.freeSign{
background:rgba(216,65,45,1);align-self: flex-end;

}
.header{
box-shadow:0px 2px 4px 0px rgba(197,197,197,.5);
}
.lanmuBar{
margin: 30px 0 24px;
padding: 22px;
line-height: 36px;
font-size:24px;
font-weight:500;
color:rgba(51,51,51,1);
display: flex;
flex-wrap: wrap;
background:rgba(248,248,248,1);
}
.marginR104{
margin-right: 104px;
}
.lanmuBar .lmTitle{
padding: 0 2px;
position: relative;
cursor: pointer;
}
.lanmuBar .active{
color: #D8412D;
}
.lanmuBar .active::before{
content: '';
position: absolute;
width: 100%;
height: 3px;
bottom: -23px;
left: 0;
background: #D8412D;
}
.catalogueTitle{
margin-bottom: 16px;
height:36px;
font-size:24px;
font-weight:500;
line-height:36px;
}
.chapterItem{
margin-bottom: 40px;
}
.sectionIcon{
width: 19px;
margin-right: 5px;
}
.chapterSection{
height:56px;
cursor: pointer;
padding:0 32px 0 40px;
justify-content: space-between;
align-items: center;
font-size: 17px;
}

.startStudy{
width:80px;
height:32px;
background:rgba(216,65,45,1);
border-radius:8px;
font-size: 15px;
color: #fff;
line-height: 32px;
text-align: center;
cursor: pointer;
}
.sectionIconActive{
display: none;
}
.startStudy{
display: none;
}
.startStudy:hover{
opacity: .7;
}
.chapterSection:hover .sectionIcon{
display: none;
}
.chapterSection:hover .sectionIconActive{
display: inline-block;
}
.chapterSection:hover .startStudy{
display: inline-block;
}
.chapterSection:hover{
background:rgba(254,243,244,1);
}

.chapterFox .sectionIcon{
display: none;
}
.chapterFox .sectionIconActive{
display: inline-block;
}
.chapterFox .startStudy{
display: inline-block;
}
.chapterFox{
background:rgba(254,243,244,1);
}
.free_Disabled{
background: #ccc;
color: #fff;
} 